<script lang="ts">
    import { onMount } from 'svelte';
    // import { get, post } from '../../utils/api';
    // import { addToast } from '../../stores/toastStore';
    import Header from '../../components/common/Header.svelte';
    import ListHeader from '../../components/audio-synthesis/ListHeader.svelte';

    onMount(() => {
    });
</script>

<Header />
<ListHeader />
<main class="container mx-auto px-4 py-4">
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <a class="block bg-white rounded-lg shadow-md p-4" href="/audio-synthesis/show">
            <div class="flex justify-between items-center">
                <div class="text-gray-600">2024/11/28 16:01:34</div>
                <div class="text-gray-400 text-sm">04:41</div>
            </div>
            <p class="mt-2 text-gray-700">内容简介...</p>
        </a>
        <div class="bg-white rounded-lg shadow-md p-4">
            <div class="flex justify-between items-center">
                <div class="text-gray-600">2024/11/18 18:20:23</div>
                <div class="text-gray-400 text-sm">02:56</div>
            </div>
            <p class="mt-2 text-gray-700">内容简介...</p>
        </div>
    </div>
</main>
